Page {
  background-color: #78c799;
}
.at-activity-indicator__content {
  color: white;
}
.my-page {
  padding: 20px 50px;
  .my-userinfo {
    display: flex;
    flex-direction: column;
    .avatar {
      padding: 10px;
      width: 104px;
      margin: 0 auto;
      border-radius: 104px;
      background-color: #9ab791;
    }
    .my-user-bottom {
      display: flex;
      flex-direction: column;
      background-color: rgb(255, 255, 255);
      padding: 20px;
      border-radius: 20px;
      margin-top: 20px;
      .my-user {
        display: flex;
        align-items: center;
        .user-info {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-weight: bold;
          margin-left: 20px;
          border-bottom: 2px solid rgb(99, 167, 209);
        }
        .user-nickname {
          font-weight: bold;
          border-bottom: 2px solid black;
        }
        .user-id {
          color: rgb(99, 167, 209);
        }
        margin-bottom: 10px;
      }
    }
  }
  .assginee-container {
    display: flex;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 20px;
    margin-top: 30px;
    .assginee-title {
      font-weight: bold;
      margin: 0 auto;
      font-size: 40px;
    }
    .at-input {
      margin-left: unset;
    }
    .at-button {
      margin: 20px 0px 0px 0px;
      background-color: #9ab791;
      border: 1px solid #9ab791;
    }
    .assginee-user-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 20px 20px 0px 20px;
      .assginee-user {
        display: flex;
        align-items: center;
        .assgine-user-name {
          margin-left: 30px;
          font-weight: bold;
        }
      }
      .no-link {
        color: #d6e4ef;
      }
      .at-button {
        height: 50px;
        line-height: 50px;
        background-color: #78c799;
        border: unset;
      }
      .un-bind {
        background-color: rgb(255, 79, 79);
      }
    }
    .no-assginee-user {
      justify-content: center;
    }
  }
}
.at-modal__container {
  width: 610px;
  .at-modal__content {
    min-height: unset;
    background-color: #d8caaf;
    border: none;
  }
  .at-modal__footer {
    background-color: #d8caaf;
    .at-modal__action {
      button {
        width: 50%;
        color: #fff;
      }
      button:last-child:nth-child(2) {
        color: rgb(0, 0, 0);
      }
    }
  }
}
.fab-container {
  position: fixed;
  top: 20px;
  right: 60px;
  .at-fab--small {
    width: 60px;
    height: 60px;
    background-color: #9ab791;
  }
}
